<template>
  <div>
    <!-- 查询条件输入 -->
<!--    <el-row :gutter="20">-->
<!--      <el-col :span="8">-->
<!--        <el-form>-->
<!--          <el-form-item label="负责人">-->
<!--            <el-select-->
<!--                v-model="sysUser.userId"-->
<!--                placeholder="请选择负责人"-->
<!--                @visible-change="fetchUsers"-->
<!--            >-->
<!--              <el-option-->
<!--                  v-for="user in users"-->
<!--                  :key="user.id"-->
<!--                  :label="user.name"-->
<!--                  :value="user.id"-->
<!--              ></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </el-col>-->

<!--      <el-col :span="8">-->
<!--        <el-form>-->
<!--          <el-form-item label="客户">-->
<!--            <el-select-->
<!--                v-model="Cid.customerName"-->
<!--                placeholder="请选择客户"-->
<!--                @visible-change="fetchCustomer"-->
<!--            >-->
<!--              <el-option-->
<!--                  v-for="customer in customers"-->
<!--                  :key="customer.id"-->
<!--                  :label="customer.name"-->
<!--                  :value="customer.name"-->
<!--              ></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </el-col>-->

<!--      <el-col :span="8">-->
<!--        <el-select v-model="searchStatus" placeholder="请选择">-->
<!--          <el-option-->
<!--              v-for="item in searchOptions"-->
<!--              :key="item.value"-->
<!--              :label="item.label"-->
<!--              :value="item.value">-->
<!--          </el-option>-->
<!--        </el-select>-->
<!--      </el-col>-->

<!--      <el-col :span="8">-->
<!--        <el-form>-->
<!--          <el-form-item>-->
<!--            <el-button type="primary" @click="handleSearch">查询</el-button>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </el-col>-->


<!--    </el-row>-->






    <!-- 展示查询数据 -->
    <el-table :data="ObdList" style="width: 100%">
      <el-table-column prop="obdId" label="出库申请编号" width="180"></el-table-column>
      <el-table-column prop="obdTime" label="出库时间" width="180"></el-table-column>
      <el-table-column prop="userName" label="仓库对接人" width="180"></el-table-column>
      <el-table-column prop="statusStr" label="状态" width="180"></el-table-column>
      <el-table-column label="操作" width="180">
        <template v-slot="scope">
          <el-button type="text" @click="handleDetail(scope.row)">查看详情</el-button>
          <!-- 添加下拉框 -->
<!--          <el-select v-model="scope.row.newStatus" placeholder="请选择" @change="handleSelectChange(scope.row)">-->
<!--            <el-option-->
<!--                v-for="item in options"-->
<!--                :key="item.value"-->
<!--                :label="item.label"-->
<!--                :value="item.value">-->
<!--            </el-option>-->
<!--          </el-select>-->
        </template>
      </el-table-column>
    </el-table>

    <!-- 查看详情的对话框 -->
    <el-dialog title="商品详情" v-model="dialogVisible">
      <el-table :data="detailList">
        <el-table-column prop="brand" label="商品品牌"></el-table-column>
        <el-table-column prop="productName" label="商品名称"></el-table-column>
        <el-table-column prop="typeName" label="包装类型"></el-table-column>
        <el-table-column prop="weight" label="体积/重量"></el-table-column>
        <el-table-column prop="price" label="进货价"></el-table-column>
        <el-table-column prop="total" label="数量"></el-table-column>
      </el-table>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="dialogVisible = false">关闭</el-button>
        </span>
      </template>
    </el-dialog>

<!--    <el-dialog title="出库申请单" v-model="dialogVisible1">-->
<!--      <el-form>-->
<!--        <el-form-item label="出库日期">-->
<!--          <el-date-picker-->
<!--              v-model="time"-->
<!--              type="date"-->
<!--              format="YYYY-MM-DD"-->
<!--              value-format="YYYY-MM-DD"-->
<!--          >-->
<!--          </el-date-picker>-->

<!--        </el-form-item>-->
<!--        <span style="font-weight: bold">订单编号：{{OrderId}}</span>-->

<!--      </el-form>-->

<!--      <span class="dialog-footer">-->
<!--              <el-divider />-->

<!--          <el-button @click="dialogVisible1 = false">关闭</el-button>-->
<!--          <el-button @click="addObdDelivery">生成</el-button>-->
<!--        </span>-->
<!--    </el-dialog>-->
  </div>
</template>

<script setup>
import { ref } from 'vue'
import {selectObd} from "../../../api/sale/obdDelivery";

const detailList = ref([]) // 报价单商品详情数据
const dialogVisible = ref(false) // 控制详情对话框的显示
// const priceListVoLists=ref([])
const ObdList=ref([])
const time=ref('')
handleSearch();

function handleSearch(){
  selectObd().then(res=>{
    ObdList.value=res.obdDeliveryVoList;
    ObdList.value.forEach(item=>{
      item.obdTime=formatDate(new Date(item.obdTime));
    })
  })
}
const formatDate = (date) => {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以加1
  const day = String(date.getDate()).padStart(2, '0');

  return `${year}-${month}-${day}`;
};

// 查看详情
const handleDetail = (row) => {
  detailList.value = [];
  row.saleOrderItemList.forEach(item=>{
    detailList.value.push(item)
  })
  dialogVisible.value = true
}









// 处理下拉框值变化的事件

</script>

<style scoped>
/* 可以在这里添加一些样式 */
</style>
